<template>
  <!--菜单 -->
  <div class=tip>
    <div id="sidebar">
      <div id="wrap">
        <div id="prof" class="item ">
          <router-link :to="{name:'user'}">
            <span class="setting "></span>
          </router-link>
          <p>用户中心</p>
        </div>
        <div id="shopCart " class="item ">
          <router-link :to="{name:'shopcart'}">
            <span class="message "></span>
          </router-link>
          <p>
            购物车
          </p>
        </div>
        <div id="foot " class="item ">
          <router-link :to="{name:'foot'}">
            <span class="zuji "></span>
          </router-link>
          <p>
            足迹
          </p>
        </div>

        <div id="brand " class="item ">
          <router-link :to="{name:'collect'}">
            <span class="wdsc "><img src="/src/assets/images/wdsc.png" /></span>
          </router-link>
          <p>
            收藏
          </p>
        </div>

        <!-- <div id="broadcast " class="item ">
          <a href="# ">
            <span class="chongzhi "><img src="/src/assets/images/chongzhi.png" /></span>
          </a>
          <div class="mp_tooltip ">
            我要充值
            <i class="icon_arrow_right_black "></i>
          </div>
        </div> -->

        <div class="quick_toggle ">
          <li class="qtitem ">
            <a href="# "><span class="kfzx "></span></a>
          </li>
          <!--二维码 -->
          <li class="qtitem ">
            <a href="#none "><span class="mpbtn_qrcode "></span></a>
            <div class="mp_qrcode " style="display:none; "><img src="/src/assets/images/weixin_code_145.png" /><i class="icon_arrow_white "></i></div>
          </li>
          <li class="qtitem ">
            <a href="#top " class="return_top "><span class="top "></span></a>
          </li>
        </div>

        <!--回到顶部 -->
        <div id="quick_links_pop " class="quick_links_pop hide "></div>

      </div>

    </div>
    <div id="prof-content " class="nav-content ">
      <div class="nav-con-close ">
        <i class="am-icon-angle-right am-icon-fw "></i>
      </div>
      <div>
        我
      </div>
    </div>
    <div id="shopCart-content " class="nav-content ">
      <div class="nav-con-close ">
        <i class="am-icon-angle-right am-icon-fw "></i>
      </div>
      <div>
        购物车
      </div>
    </div>
    <div id="asset-content " class="nav-content ">
      <div class="nav-con-close ">
        <i class="am-icon-angle-right am-icon-fw "></i>
      </div>
      <div>
        资产
      </div>

      <div class="ia-head-list ">
        <a href="# " target="_blank " class="pl ">
          <div class="num ">0</div>
          <div class="text ">优惠券</div>
        </a>
        <a href="# " target="_blank " class="pl ">
          <div class="num ">0</div>
          <div class="text ">红包</div>
        </a>
        <a href="# " target="_blank " class="pl money ">
          <div class="num ">￥0</div>
          <div class="text ">余额</div>
        </a>
      </div>

    </div>
    <div id="foot-content " class="nav-content ">
      <div class="nav-con-close ">
        <i class="am-icon-angle-right am-icon-fw "></i>
      </div>
      <div>
        足迹
      </div>
    </div>
    <div id="brand-content " class="nav-content ">
      <div class="nav-con-close ">
        <i class="am-icon-angle-right am-icon-fw "></i>
      </div>
      <div>
        收藏
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'navfull',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  methods: {
    query () {
      this.msg = '123'
    }
  }
}
</script>
<style scoped>
@import "/src/AmazeUI-2.4.2/assets/css/admin.css";
@import "/src/AmazeUI-2.4.2/assets/css/amazeui.css";
@import "/src/assets/css/demo.css";
@import "/src/assets/css/optstyle.css";
</style>
